<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>优惠券详情</title>
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta content="telephone=no" name="format-detection"/>
  <link href="./integral.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    <div class="topnav">
        <div class="title">
            <div class="active" onclick="ifInvalid('Valid')" >我的积分</div>
            <div onclick="ifInvalid('ifInvalid')">渠道积分</div> 
        </div>
    </div>

    <div class="main">
        <div class="detail">
            <div class="list">
                <div class="item">
                    <div class="show-top">
                        <p>手工变更积分</p>
                        <p>+1200</p>
                    </div>
                    <p class="time">2019-05-21 10:29:39</p>
                </div>

                <div class="item">
                    <div class="show-top">
                        <p>手工变更积分</p>
                        <p>+1200</p>
                    </div>
                    <p class="time">2019-05-21 10:29:39</p>
                </div>

                <div class="item">
                    <div class="show-top">
                        <p>手工变更积分</p>
                        <p>+1200</p>
                    </div>
                    <p class="time">2019-05-21 10:29:39</p>
                </div>
                <div class="item">
                    <div class="show-top">
                        <p>手工变更积分</p>
                        <p>+1200</p>
                    </div>
                    <p class="time">2019-05-21 10:29:39</p>
                </div>
                <div class="item">
                    <div class="show-top">
                        <p>手工变更积分</p>
                        <p>+1200</p>
                    </div>
                    <p class="time">2019-05-21 10:29:39</p>
                </div>
                <div class="item">
                    <div class="show-top">
                        <p>手工变更积分</p>
                        <p>+1200</p>
                    </div>
                    <p class="time">2019-05-21 10:29:39</p>
                </div>
            </div>
            <div class="more"><a href="/integral/records.html" >查看全部 ></a></div>
        </div>
        <div class="empty">已经加载完毕了</div>
    </div>
    
    <script>
        function isshowStroe(){
            let storelist = document.querySelector('.storelist')
            let mask = document.querySelector('.mask')
            storelist.style.display = (storelist.style.display=='none'?'block':'none')
            mask.style.display = (mask.style.display=='none'?'block':'none')
        }
        function checkStroe(e){
            let topP = document.querySelector('.storeName')
           topP.innerHTML =  e.srcElement.innerHTML
           isshowStroe()

        }
        function ifInvalid(status){
            // let Valid = document.querySelector('.Valid')
            // let invalid = document.querySelector('.invalid')
            let btndiv = document.querySelectorAll('.title div')

            if(status=='Valid'){
                // invalid.style.display = 'none'
                // Valid.style.display = 'block'
                btndiv[0].className ='active' 
                btndiv[1].className ='' 
            }else{
                // Valid.style.display = 'none'
                // invalid.style.display = 'block'
                btndiv[0].className ='' 
                btndiv[1].className ='active' 
            }
        }
    </script>
</body>
</html>